/* Customized CSS
--------------------------------------*/
/* Emoji font */
@font-face {
  font-family: "Emoji";
  src: local("Segoe UI Emoji"),
       local("Segoe UI Symbol"),
       url("../fonts/seguiemj.eot"),
       url("../fonts/seguiemj.eot?#iefix") format("embedded-opentype"),
       url("../fonts/seguiemj.woff") format("woff"),
       url("../fonts/seguiemj.ttf") format("truetype"),
       url("../fonts/seguiemj.svg") format("svg");
}

/* Global css */
body {
  padding-top: 51px;
  min-width: 1200px;
}
*.modal-open {
  padding-right: 0 !important;
  overflow-y: hidden;
}
.navbar .navbar-form {
  border-right: 1px solid #ddd;
}
.navbar-fixed-top {
  position: absolute;
}
@media (min-width: 768px) {
  .navbar .container .navbar-brand,
  .navbar .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
@media (max-width: 1200px) {
  /* Navbar */
  .navbar {
    width: 1200px;
  }
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav>li {
    float: left;
  }
  .navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .navbar-nav.navbar-right {
    float: right;
    margin-right: -15px;
  }
  .navbar-nav .open .dropdown-menu {
    position: absolute;
    float: left;
    width: auto;
    margin-top: 0;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  }
  .navbar-nav .open .dropdown-menu>li.divider {
    background-color: #e5e5e5 !important;
  }
  .navbar-nav .open .dropdown-menu>li>a {
    padding: 3px 20px 3px 30px;
    color: #333 !important;
    line-height: 1.42857143;
  }
  .navbar-nav .open .dropdown-menu>li>a:hover,
  .navbar-nav .open .dropdown-menu>li>a:focus {
    color: #262626 !important;
    background-color: #f5f5f5 !important;
    background-image: none;
  }
  .navbar-nav .open .dropdown-submenu>.dropdown-menu {
    margin-top: -6px;
  }
  .navbar-header {
    float: left;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .navbar-collapse {
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-left: 0;
    padding-right: 0;
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-form.navbar-right {
    float: right !important;
  }
  /* Container */
  .x-container {
    width: 1200px;
  }
  /* Columns */
  .x-container .col-md-1,
  .x-container .col-md-2,
  .x-container .col-md-3,
  .x-container .col-md-4,
  .x-container .col-md-5,
  .x-container .col-md-6,
  .x-container .col-md-7,
  .x-container .col-md-8,
  .x-container .col-md-9,
  .x-container .col-md-10,
  .x-container .col-md-11,
  .x-container .col-md-12 {
    position: relative;
    float: left;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .x-container .col-md-1 {
    width: 8.33333333%;
  }
  .x-container .col-md-2 {
    width: 16.66666667%;
  }
  .x-container .col-md-3 {
    width: 25%;
  }
  .x-container .col-md-4 {
    width: 33.33333333%;
  }
  .x-container .col-md-5 {
    width: 41.66666667%;
  }
  .x-container .col-md-6 {
    width: 50%;
  }
  .x-container .col-md-7 {
    width: 58.33333333%;
  }
  .x-container .col-md-8 {
    width: 66.66666667%;
  }
  .x-container .col-md-9 {
    width: 75%;
  }
  .x-container .col-md-10 {
    width: 83.33333333%;
  }
  .x-container .col-md-11 {
    width: 91.66666667%;
  }
  .x-container .col-md-12 {
    width: 100%;
  }
}
.btn-circle {
  width: 34px;
  height: 34px;
  padding: 6px 0;
  text-align: center;
  border-radius: 17px !important;
}
.btn-circle.btn-lg {
  width: 46px;
  height: 46px;
  padding: 10px 0;
  text-align: center;
  border-radius: 23px !important;
}
.ui-draggable {
  right: auto;
  bottom: auto;
  background: none;
}
.ui-draggable .ui-draggable-handle {
  cursor: move;
}
.tab-content>.tab-pane {
  margin-top: 15px;
  overflow: auto;
}
.tab-content>.tab-pane table {
  margin-bottom: 0;
}
.input-group.x-select {
  width: 100%;
}
.input-group.x-select>.input-group-btn {
  position: static;
}
.input-group.x-select>.input-group-btn>.dropdown-menu {
  width: 100%;
  overflow: hidden;
}
.input-group.x-select>.input-group-btn>.dropdown-menu>li>a {
  padding-left: 12px;
  padding-right: 12px;
}
.input-group-addon select {
  margin-top: 0;
  height: 20px;
}
.input-group-addon .checkbox-inline {
  padding-top: 3px;
}
.input-group-sm>.input-group-addon select {
  margin-top: 0;
  height: 18px;
}
.input-group-lg>.input-group-addon {
  padding-top: 8px;
  padding-bottom: 8px;
}
.input-group-lg>.input-group-addon select {
  margin-top: 0;
  height: 26px;
}
.input-group-lg .ui-select-bootstrap .ui-select-toggle,
.input-group-lg>.ui-select-bootstrap .ui-select-search {
  height: 46px;
  width: 100% !important;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 0 !important;
}
.input-group-lg .ui-select-bootstrap>.ui-select-choices {
  max-height: 450px;
  font-size: 16px;
  line-height: 1.0;
}
.table input[type="radio"],
.table input[type="checkbox"] {
  margin: 7px 0 0;
}
.input-list {
  margin-left: 0;
  margin-right: 0;
  margin-top: 20px;
}
.input-list:first-child {
  margin-top: 0;
}
.input-list>.input-list-item,
.input-list>.input-list-panel {
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: middle;
}
.input-list>.input-list-item {
  margin: 0 auto 20px;
  text-align: center;
}
.input-list>.input-list-item:last-child {
  margin-bottom: 0;
}
.input-list>.input-list-panel .panel {
  margin-bottom: 0;
}
.modal-dialog>.modal-content {
  height: 100%;
}
.modal-body>.table:last-child,
.modal-body>.form-group:last-child {
  margin-bottom: 0;
}
.modal-footer .btn+.btn-group,
.modal-footer .btn-group+.btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-body .x-emoji {
  margin-left: 9px;
}
@media (max-width: 768px) {
  .modal-body .x-emoji {
    margin-left: auto;
  }
  .x-git-modal .modal-dialog {
    margin-left: 0;
    margin-right: 0;
  }
}
.modal-body .x-emoji>div {
  display: inline-block;
  width: 50px;
  height: 50px;
}
.modal-body .x-emoji>div>a {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  border: 1px solid transparent;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
}
.modal-body .x-emoji>div>a:hover {
  color: #8a6d3b;
  border-color: #faebcc;
  background-color: #fcf8e3;
}
.modal-body .x-emoji>div>a>span {
  font-size: 2em !important;
}
.modal-dialog.x-modal-max {
  width: 100% !important;
  height: 100% !important;
  margin: 0;
}
@media (min-width: 768px) {
  .x-gotoline .modal-dialog {
    width: 440px;
    max-width: 100%;
  }
  .modal-dialog.x-modal-max {
    width: 100% !important;
    height: 100% !important;
    margin: 0;
  }
  .modal-sm.x-modal-max {
    width: 100% !important;
    height: 100% !important;
  }
}
@media (min-width: 992px) {
  .modal-lg.x-modal-max {
    width: 100% !important;
    height: 100% !important;
  }
  .x-test-modal .modal-dialog {
    width: 970px;
  }
  .x-line::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    min-height: 100%;
    content: " ";
    background-color: #ddd;
  }
}

/* Side menu */
.x-sidebar {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 230px;
  background-color: #212529;
  z-index: 1030;
  transition: width 0.3s ease-out;
}
.navbar-header {
  float: none;
  border-bottom: 1px solid #333;
  white-space: nowrap;
  overflow: hidden;
}
.navbar-brand {
  padding-top: 12px;
  padding-left: 20px;
  padding-bottom: 12px;
}
.x-sidebar .sidebar-nav > ul {
  display: none;
}
.x-sidebar .metismenu li a {
  padding: 12px 18px;
  white-space: nowrap;
  overflow: hidden;
}
.x-sidebar .metismenu ul > li > a {
  padding-left: 40px;
}
.x-sidebar .metismenu .mm-collapse {
  display: none;
}
.x-sidebar .metismenu .mm-active .mm-show {
  display: block;
}
.x-sidebar .metismenu li.mm-active > ul {
  height: auto !important;
}
.x-sidebar .x-menu-tools {
  max-height: calc(100vh - 296px);
  overflow-y: auto;
}
.x-sidebar .x-menu-sites {
  max-height: calc(100vh - 394px);
  overflow-y: auto;
}
/* Navbar */
.navbar,
.x-container {
  margin-left: 230px;
}
.x-sidebar-toggle > a {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.navbar .x-nav-link {
  color: #333;
  cursor: default;
}
.navbar .x-nav-link span > i {
  margin-left: 4px;
  margin-right: 4px;
}
/* Mini sidebar & navbar */
.mini .navbar,
.mini .x-container {
  margin-left: 60px;
}
.mini .x-sidebar {
  width: 60px;
}
.mini .navbar-brand > span {
  display: none;
}
.mini .x-sidebar a .x-nav-title {
  display: none;
}
.mini .x-sidebar a.has-arrow:after {
  border-width: 0;
  transition: none;
}
.mini .x-sidebar li > a {
  transition: none;
}
.mini .x-sidebar .metismenu ul ul a {
  padding-left: 30px;
}
.mini .x-sidebar .metismenu > li > ul {
  position: absolute;
  top: 100%;
  left: 100%;
  display: none !important;
}
.mini .x-sidebar .metismenu > li > ul > li > a {
  padding-left: 15px;
}
.mini .x-sidebar .metismenu > li:hover > ul {
  display: block !important;
  min-width: 220px;
  height: auto !important;
}
.mini .x-sidebar .metismenu > li:hover > a {
  min-width: 280px;
  background-color: #0b7285;
}
.mini .x-sidebar .metismenu > li:hover .x-nav-title {
  display: inline-block;
}
.mini .x-sidebar .metismenu > li:hover > .has-arrow::after {
  border-width: 1px 0 0 1px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  transition: none;
}

/* Container */
.x-container {
  /* height: calc(100vh - 51px); */
  padding-top: 15px;
  /* padding-bottom: 15px; */
  /* overflow: auto; */
}
.x-view-body {
  position: relative;
}
.x-view-body .x-view-scope {
  position: relative;
  overflow: auto;
}
.x-view-body pre.x-output {
  font-size: 14px;
  /* white-space: pre-wrap; */
  /* white-space: -moz-pre-wrap; */
  /* white-space: -pre-wrap; */
  /* white-space: -o-pre-wrap; */
  /* word-wrap: break-word; */
}
.x-view-body .x-view-scope pre,
.x-view-body textarea.x-view-scope,
.x-view-body .x-view-scope textarea,
.x-view-body .x-view-scope .x-request pre,
.x-view-body .x-view-scope .x-response pre,
.x-view-body .x-view-scope .x-mapper pre {
  outline: none;
  margin: 0;
  width: 100%;
  height: 100%;
}
.x-view-body .x-view-scope>.form-group:last-child {
  margin-bottom: 0;
}
.x-view-body .x-view-scope .x-markdown {
  height: 100%;
  padding: 15px 15px 0;
  border: 1px solid #ccc;
  border-radius: 0;
  overflow: auto;
}
.x-view-body .x-view-scope .x-fixed-btn {
  position: absolute;
  top: 2px;
  right: 2px;
  z-index: 10;
}
.x-view-body .x-view-scope.x-overflow .x-fixed-btn {
  right: 19px;
}
.x-view-body .x-view-scope pre.alert {
  height: auto;
}
.x-view-line::after {
  position: absolute;
  top: -15px;
  right: 0;
  bottom: -15px;
  width: 1px;
  min-height: 100%;
  content: " ";
  background-color: #ddd;
}
.x-request .tab-content>.tab-pane:nth-child(2) {
  overflow-x: hidden;
}
.x-response-tab .nav-tabs>li:last-child {
  float: right;
}

/* Security */
.x-security-modal+.x-security-modal {
  display: none !important;
}
.x-security-modal .modal-body form {
  margin-bottom: 5px;
}
.x-security .modal-body .x-captcha {
  text-align: center;
}
.x-security .modal-body .x-captcha>img {
  cursor: pointer;
}
.x-security .modal-body button {
  background-color: #ddd;
}

/* zTree */
.x-tree {
  position: relative;
  width: 100%;
  height: 100%;
}
.x-tree .x-tree-filter {
  width: 100%;
  background-color: #fff;
  opacity: 1;
  z-index: 20;
}
.x-tree .x-tree-list {
  position: absolute;
  top: 35px;
  bottom: 0;
  width: 100%;
  overflow: auto;
}

/* Move column */
.x-view-body>.x-move-zone {
  position: absolute;
  top: 0;
  left: 20%;
  right: 50%;
  height: 100%;
}
.x-view-body>.x-move {
  position: absolute;
  top: -15px;
  left: 33.33333333%;
  bottom: -15px;
  margin-left: 0;
  width: 1px;
  z-index: 1000;
}
.x-view-body>.x-move>.x-movebar {
  position: absolute;
  top: 200px;
  left: -3px;
  bottom: 200px;
  width: 6px;
  border-radius: 3px;
  cursor: ew-resize;
  background-color: #ddd;
}
.x-view-body>.x-file-list,
.x-view-body>.x-file-data {
  z-index: 500;
}

/* Local css */
form .x-invalid {
  border-color: #a94442;
}
form p.text-danger {
  margin: 0;
}
textarea.form-control {
  resize: none;
}
.x-module-list .caption h1 {
  margin-top: 40px;
  margin-bottom: 30px;
}
.x-module-list .caption h1.x-readonly {
  margin-top: 52px;
  margin-bottom: 52px;
}
.x-module-list .caption p {
  margin-bottom: 0;
}
.x-btn-list .dropdown-menu .btn {
  border: none;
  text-align: left;
  padding-top: 3px;
  padding-right: 20px;
  padding-bottom: 3px;
  padding-left: 20px;
}
.x-btn-list .dropdown-menu .btn:hover,
.x-btn-list .dropdown-menu .btn:focus,
.x-btn-list .dropdown-menu .btn:active:focus {
  color: #262626;
  background-color: #f5f5f5;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.x-checkbox-list .dropdown-menu li.checkbox {
  padding-left: 15px;
  padding-right: 15px;
}
.x-link {
  text-decoration: underline;
}
.x-output .ace-chrome .ace_cursor {
  color: transparent;
}
.x-output .ace_hidden-cursors .ace_cursor {
  opacity: 0;
}

/* Editor */
.ace-chrome.ace_editor {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 14px;
  line-height: 1.42857143;
}
.ace-chrome.ace_editor .ace_indent-guide {
  display: inline-block;
  height: 100%;
}
.acediff {
  position: relative;
  margin-top: -15px;
  width: 100%;
  height: calc(100vh - 51px);
}
.acediff .acediff__copy--left div,
.acediff .acediff__copy--right div {
  margin-top: 0;
  margin-bottom: 0;
}
.x-editor {
  position: relative;
  height: 100%;
}
.x-editor>pre {
  margin-bottom: 0;
}
.x-editor .x-editor-tool {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  white-space: normal;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #fff;
  z-index: 10;
}
.x-editor .x-editor-tool .x-toolbar {
  padding: 2px;
  white-space: nowrap;
}
.x-editor .x-editor-tool .x-toolbar .btn-draggable {
  padding-left: 4px;
  padding-right: 4px;
}
.x-editor .x-editor-tool.x-goto-top {
  top: auto;
  bottom: 2px;
}
.x-editor .x-editor-tool .x-font-list {
  min-width: auto;
  cursor: default;
}
.x-editor .x-editor-tool .x-font-list .h1,
.x-editor .x-editor-tool .x-font-list .h2,
.x-editor .x-editor-tool .x-font-list .h3 {
  margin-top: 0;
  margin-bottom: 0;
}
.x-form-editor {
  margin-bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.x-form-editor .x-toolbar {
  margin-top: -5px;
}
.x-form-editor .x-toolbar>.btn,
.x-form-editor .x-toolbar>.btn-group {
  float: left;
  margin-left: 4px;
}
.x-form-editor .panel-body {
  overflow-y: auto;
}
.x-form-editor .x-font-list {
  min-width: auto;
  cursor: default;
}
.x-form-editor label.input-group-addon {
  font-weight: bold;
  color: #333;
  padding-left: 0;
  border-color: transparent;
  background-color: transparent;
}
.x-form-editor .form-group:last-child {
  margin-bottom: 0;
}
.x-form-editor .form-group .form-control {
  border-color: transparent;
  -webkit-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.075);
}
.x-form-editor .form-group .form-control:focus{
  border-color: #66afe9;
  -webkit-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.075),
                      0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.075),
              0 0 8px rgba(102, 175, 233, 0.6);
}
.x-form-editor .form-group .form-control[disabled] {
  background-color: transparent;
}
.x-form-editor .ace_editor {
  color: #555;
}
.x-form-editor .x-preview.ace_editor {
  border-color: transparent;
}
.x-form-editor .x-preview.ace_editor .ace_gutter {
  visibility: hidden;
}
.x-form-editor .x-preview.ace_editor .ace_scroller {
  box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.075);
}
.x-form-editor .x-preview.ace_editor .ace_cursor,
.x-form-editor .x-preview.ace_editor .ace_active-line {
  display: none;
}

/* Git */
.x-git-search {
  width: 400px;
  max-width: 100%;
}
.x-git-search .input-group {
  width: 100%;
}
.x-git-search .input-group-btn {
  width: 40px !important;
}
.x-git-table {
  table-layout: fixed;
  word-break: break-all;
  word-wrap: break-word;
}
.x-git-modal .modal-dialog {
  width: 1024px;
  max-width: 100%;
}
.x-editor .ace_gutter .x-git-add {
  background-color: #ddfbe6;
  border-color: #c7f0d2;
}
.x-editor .ace_gutter .x-git-remove {
  background-color: #f9d7dc;
  border-color: #fac5cd;
}
.x-editor .ace_content .x-git-add {
  background-color: #ecfdf0;
}
.x-editor .ace_content .x-git-remove {
  background-color: #fbe9eb;
}

/* Datatable */
.x-datatable-search {
  width: 300px;
  max-width: 100%;
}
.x-datatable-search .form-control {
  width: 100%;
}
.x-datatable .x-view-scope {
  overflow: hidden !important;
  border: 2px solid #ddd;
  background-color: rgba(238, 238, 238, 0.3);
}

/* Blog */
.x-blog-search {
  width: 400px;
  max-width: 100%;
}
.x-blog-search .input-group {
  width: 100%;
}
.x-blog-search .input-group-btn {
  width: 40px !important;
}
.x-blog .x-blog-category .badge {
  padding: 5px 10px;
}
.x-blog .x-blog-category .pull-right {
  margin-right: 5px;
}
.x-blog .list-group-item.active,
.x-blog .list-group-item.active:hover,
.x-blog .list-group-item.active:focus {
  color: #333;
  background-color: #ddd;
  border-color: #ddd;
}
.x-blog .list-group-item.active>.badge {
  color: #333;
}
.x-blog .x-blog-article .label {
  margin-right: 5px;
}
.x-blog .x-blog-article .row {
  margin-bottom: 20px;
}
.x-blog .x-blog-article .row>.col-md-12 {
  font-family: "Emoji";
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.x-blog .x-blog-article .row>.col-md-12>h3 {
  margin-top: 0;
}
.x-blog .pagination>.active>a,
.x-blog .pagination>.active>span,
.x-blog .pagination>.active>a:hover,
.x-blog .pagination>.active>span:hover,
.x-blog .pagination>.active>a:focus,
.x-blog .pagination>.active>span:focus {
  color: #333;
  background-color: #ddd;
  border-color: #ddd;
}
.x-blog-view {
  padding: 0;
}
.x-blog-view .navbar,
.x-blog-view .x-sidebar {
  display: none;
}
.x-blog-view .x-container {
  margin: 0;
  padding: 15px;
  height: auto;
}
.x-blog .x-blog-viewer {
  position: relative;
  border: 1px solid #eee;
}
.x-blog .x-blog-viewer .x-markdown {
  padding-top: 15px;
  padding-bottom: 0;
}
.x-blog .x-blog-viewer .x-header-list {
  position: fixed;
  top: 50px;
  left: calc((100vw + 1170px) / 2 + 20px);
  right: 70px;
  min-height: 70%;
  max-height: 85%;
  padding-top: 16px;
  padding-bottom: 16px;
  overflow-y: hidden;
  background-color: #fff;
}
@media (max-width: 1660px) {
  .x-blog .x-blog-viewer .x-header-list {
    left: auto;
    width: 250px;
    border: 3px double #eee;
  }
}
.x-blog .x-blog-viewer.container-fluid .x-header-list {
  border: 3px double #eee;
}
.x-blog .x-blog-viewer .x-header-list.x-hover {
  overflow-y: auto;
}
.x-blog .x-blog-viewer .x-header-list>ul>li:last-child {
  margin-bottom: 0;
}
.x-blog .x-blog-viewer .x-blog-sidebar {
  position: fixed;
  bottom: 20px;
  right: 20px;
}
.x-blog .x-blog-viewer .x-blog-sidebar .btn {
  margin: 0 0 3px 0;
  outline: none;
  outline-color: rgba(255, 255, 255, 0);
}
.x-blog .x-blog-viewer .x-blog-sidebar .btn:last-child {
  margin-bottom: 0;
}

/* Full screen */
.x-full-screen {
  position: fixed !important;
  top: 0;
  left: 0;
  margin: 0;
  width: 100% !important;
  height: 100% !important;
  background-color: #fff;
  z-index: 1030;
}
.x-full-screen.x-frame {
  padding: 15px;
}
.x-full-screen .x-editor>pre {
  min-width: 100% !important;
  min-height: 100% !important;
}
.x-full-screen .x-form-editor .panel-body {
  height: calc(100vh - 42px) !important;
}
.x-full-screen .x-grid,
.x-full-screen .x-grid .x-view-scope {
  padding: 0;
  height: 100% !important;
}
.x-full-screen .x-grid .x-view-scope.x-markdown {
  padding: 15px 15px 0;
}
